.chatWarp {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;

    :global {
        .chat_content {
            width: 50%;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease-in-out;

            .chat_list {
                width: 100%;
                flex: 1;
                overflow: auto;
                margin: 0 auto;
                margin-bottom: 40px;
            }

            .textarea_box {
                width: 80%;
                margin: 0 auto;
                border: 1px solid #e5e5e5;
                border-radius: 10px;
                padding: 10px;
                box-sizing: border-box;
                background: #fff;
                margin-bottom: 20px;

                #chat_textarea {
                    width: 100%;
                    height: 42px;
                    min-height: 42px;
                    max-height: 384px;
                    border: none;
                    outline: none;
                    resize: none;
                    background: transparent;
                    font-size: 14px;
                }

                .question_tools {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                }
            }
        }


        .chat_preview {
            flex: 1;
            height: 100%;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }
    }
}